<!-- target: foodForm(master = formPage) -->
<!-- block: crumb -->
    <!-- import: foodFormCrumb -->
<!-- /block -->
<!-- block: formMain -->
    <!-- import: foodFormMain -->
<!-- /block -->

<!-- target: foodFormCrumb(master = crumb) -->
<!-- block: path -->
    <span>餐饮商户管理</span>
    <span><!-- if: ${formType} === 'create' -->新增<!-- else: -->编辑<!-- /if -->餐饮商户</span>
<!-- /block -->

<!-- target: foodFormMain(master = customFormView) -->
<!-- block: sections -->
    <!-- import: foodBaseContent -->
<!-- /block -->
<!-- block: submitSection -->
<button type="submit" data-ui-type="Button" data-ui-id="submit" data-ui-group="submit" data-ui-variants="warning wide" class="submit-button">确认提交</button>
<!-- /block -->

<!-- target: foodBaseContent -->
<section class="form-section">

    <div class="ui-form-row">
        <!-- use:
            textboxField(
                field = 'user.detail.name', title = '商户名称', length = 120, width = 300, disabled = true
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            textboxField(
                field = 'user.detail.address', title = '地址',  width = 500, disabled = true
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            labelSelectorField(
                field = 'phone', width = 200, title = '联系电话',
                options = ${phoneList}, required = true
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            textboxField(
                field = 'consumption', title = '人均消费',  width = 100
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            labelSelectorField(
                field = 'category',
                width = 160,
                title = '分类',
                options = ${system.foodCategoryList},
                required = true
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            textboxField(field = 'title', title = '标题', length = 120, width = 400, required = true)
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            textboxField(
                field = 'content', title = '内容介绍', 
                width = 400, height = 160,
                required = true, mode = 'textarea'
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            uploaderWithPreviewField(
                field = 'titlePic',
                title = '头图',
                imageWidth = 250,
                uploadUrl = ${uploadUrl},
                required = true,
                descriptions = ['单张图片大小不超过2M']
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            uploaderWithPreviewListField(
                field = 'pics',
                title = '餐厅氛围',
                imageWidth = 250,
                uploadUrl = ${uploadUrl},
                required = true,
                descriptions = ['单张图片大小不超过2M']
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            uploaderWithPreviewListField(
                field = 'foodPics', title = '菜系图片', imageWidth = 250,
                uploadUrl = ${uploadUrl}, required = true,
                descriptions = ['单张图片大小不超过500k']
            )
        -->
    </div>
</section>
